<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>捐助</title>
</head>
<body style="margin: 0;">
<div id="root-container" style="display: flex;flex-direction: column;">
    <div class="content" style="flex: 1;padding: 10px;">
        <div style="text-align: center"><h3>捐助</h3></div>
        <div style="text-indent: 2em;">开发该软件花费了巨大的精力，如果您能给点支持，多少都行，我非常感谢，同时我将更有动力将该软件做得更好。</div>
        <div style="text-align: center;">
            <img src="" alt="wechat" height="380">
        </div>
    </div>
    <div style="text-align: center;">
        <a href="#"
           style="background-color: black;color: white;padding: 5px;border-radius: 5px;text-decoration: none;"
           onclick="window.close();">
            关闭
        </a>
    </div>
    <div style="height: 10px;"></div>
</div>
<script>
    (function () {
        let root = document.querySelector("#root-container");

        function resizeRootContainer() {
            root.style.height = `${window.innerHeight}px`;
        }

        resizeRootContainer();
        window.onresize = resizeRootContainer;
    })();
</script>
</body>
</html>